<template>
  <div>
    <div style="display: grid;grid-template: 315px/108px 1fr;background-color: #EBEDF2;">
      <div class="type1" style="padding: 16px 0;display:grid;grid-template: repeat(5,1fr)/1fr;">
        <div v-for="(item,index) in type1List" :key="index" style="background-color:#fff;"> {{ item }}</div>
      </div>
      <div class="right">
        <div class="type2"></div>
        <div class="type3"></div>
       
        <div style="width: 560px;height: 220px;border:1px solid red;" ref="bar1BoxRef"></div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: '',
  data() {
    return {
      type1List:['综合得分', '参与单位', '参与作业', '违章处罚', '参与作业']

    }
  },
  methods: {},
  computed: {}
}
</script>

<style lang="less" scoped></style>